*{margin:0;padding:0;border:none;outline:none;vertical-align:baseline;-webkit-font-smoothing:antialiased}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
::-moz-selection {background: #b3d4fc;text-shadow: none}::selection {background: #b3d4fc;text-shadow: none}

.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}.container{margin-right:auto;margin-left:auto;*zoom:1}
.container:before,.container:after{display:table;line-height:0;content:""}
.container:after{clear:both}.pull-right{float:right}.pull-left{float:left}

body{color:#444;font-size:14px;background:#fff;font-family:"Open Sans",Helvetica,Arial,sans-serif;overflow:hidden;}
a,a:hover,a:active{color:#444;text-decoration:none}
a:hover{color:#3ae6bb}
.largeads {display:none;}

/* ===================
   Menu
=================== */
.menu { 
	width:650px; 
	display:block; 
}

.menu img {
	padding: 20px 20px 5px 20px;
}

.menu img:first-child {float:left;}
.menu img:last-child {float:right;}	

nav[role=navigation] {
	width:650px;
	clear: both;
	-webkit-transition: all 0.3s ease-out;  
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.js nav[role=navigation] {
	max-height: 0;
	overflow: hidden;
}

nav[role=navigation].active {
	max-height: 15em;
}

nav[role=navigation] ul {
	margin: 0;
	padding: 0;
	border-top: 1px solid #f1f1f1;
}

nav[role=navigation] li a {
	display: block;
	padding: 0.8em;
	border-bottom: 1px solid #f1f1f1; 
  	-webkit-transition: all 0.3s ease-out;  
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

nav[role=navigation] li a:hover {
	color:#f1f1f1;
  	background:#222;
}

/* ===================
   Post Content
=================== */

.splitter {
	width:100%;
	height:800px;
}

.ui-state-default, .ui-state-highlight { 
	background:#222;
}

.splitter-bar-vertical {
    width: 10px;
    height-x:100%; 
}

.splitter-iframe-hide {
    visibility:hidden;
}

iframe {
	border:0;
	width:100%;
	height:100%;
	overflow:scroll;
}

iframe::-webkit-scrollbar {
    width:10px;
}
 
iframe::-webkit-scrollbar-track {
	background:#222;
}
 
iframe::-webkit-scrollbar-thumb {
	background:#fff;
}

article {
	width:600px;
	height:71%;
	margin:20px;
	padding-right:20px;
	overflow-y:scroll;
	overflow-x:hidden;
}

article::-webkit-scrollbar {
    width: 9px;
}
 
article::-webkit-scrollbar-track {
	background:0;
}
 
article::-webkit-scrollbar-thumb {
	background:#ddd;
	border-radius:10px;
}

article h1 {
	font-size:26px;
	font-weight:300;
	margin-bottom:20px;
}

p.snippet {
	font-size:15px;
	font-weight:300;
	line-height:25px;
	margin: 0 10px 20px 10px;
}

.view2 {
	float:right;
	margin-bottom:20px;
}

.view2 a {
	color:#fff;
	padding:10px 30px;
	background:#222;
	display:inline-block;
	border-right:1px solid #fff;
	font-family: 'Titillium Web', sans-serif;
}

.ads {
	width:100%;
	height:100px;
	background:#f1f1f1;
	margin-bottom:20px;
	box-shadow:inset 0px 0px 20px rgba(0,0,0,.1);
	-moz-box-shadow:inset 0px 0px 20px rgba(0,0,0,.1);
	-webkit-box-shadow:inset 0px 0px 20px rgba(0,0,0,.1);
}

.feature {
	margin:40px 0 40px 0;
	position:relative;
}

.feature:before {
	content:"";
	width:600px;
	height:40px;
	position:absolute;
	top:-34px;
	left:0;
	background: url(http://3.bp.blogspot.com/-0yQRsqZQJNE/URoGwo5103I/AAAAAAAAAA4/SVCAXM0FByg/s1600/divider-2.png) no-repeat;
}

.feature:after {
	content:"";
	width:600px;
	height:50px;
	position:absolute;
	bottom:-30px;
	left:0;
	background: url(http://3.bp.blogspot.com/-CnfzvwutKSQ/URoGw6NzhbI/AAAAAAAAAA8/QDztCd_PbvI/s1600/divider-1.png) no-repeat;
}

.feature li {
	width:45%;
	margin:10px;
	font-size:13px;
	line-height:22px;
	display:inline-block;
}

.feature h3 {
	font-weight:400;
	line-height:25px;
	position:relative;
}

.feature h3:before {
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	margin:4px 0 0 -30px;
	background: url(sprite.png) no-repeat;
}

.feature h3:first-child:before {background-position:0px 0px}
.feature h3:nth-child(2):before {background-position:0px 0px}
.feature h3:last-child :before {background-position:0px 0px}

.review h3 {
	font-size:20px;
	font-weight:300;
	line-height:36px;
}

.review p {
	font-size:13px;
	line-height:20px;
}

.score {
	width:300px;
	padding:10px;
	background:#eee;
	margin:20px auto;
	border-radius:4px;
	border:1px solid #888;
	box-shadow:inset 0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow:inset 0 0 20px rgba(0,0,0,0.2);
	-webkit-box-shadow:inset 0 0 20px rgba(0,0,0,0.2);
}

.score span:first-child {
	font-weight:300;
	font-size:23px;
}

.score span + span {
	font-size:25px;
	padding-left:10px;
}



